<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>订单详情</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
        <link href="/order/css/style.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="/order/js/jquery.js"></script>
    </head>
    <body>

        <section class="aui-flexView">
            <header class="aui-navBar aui-navBar-fixed">
                <a href="javascript:history.go(-1);" class="aui-navBar-item">
                    <i class="icon icon-return"></i>
                </a>
                <div class="aui-center">
                    <span class="aui-center-title">订单详情</span>
                </div>

            </header>
            <section class="aui-scrollView">
                <div class="aui-order-list">
                    <div class="aui-order-complete">
                        <i class="icon icon-complete"></i>
                        完成

                    </div>
                    <div class="aui-order-process">
                        <div class="aui-order-process-hd">
                            <i class="icon icon-car"></i>
                            感谢您在商城购物,欢迎您的再次光临!
                        </div>
                        <div class="aui-order-process-bd"></div>
                    </div>
                </div>

                <div class="aui-order-product">
                    <div class="aui-order-product-hd">
                        <img src="/order/images/icon-item-002.png" alt="">
                    </div>
                    <div class="aui-order-product-bd">
                        <h2>苹果新款笔记本电脑mac充电器MacBook Air/Pro电池电源适配器</h2>
                        <p>数量:1 颜色:85W老款弯头18.5 4.6 A </p>
                        <div class="aui-order-text">
                            <span class="aui-order-text-hd">￥199.90</span>
                        </div>
                    </div>
                </div>

                <div class="divHeight"></div>
                <div class="aui-order-service">
                    <div class="">发票类型:</div>
                    <div class="">不开发票</div>
                </div>
                <div class="divHeight"></div>
                <div class="aui-fk-list">
                    <div class="aui-fk-list-hd">
                        订单编号: <em>700890888933</em>
                    </div>
                    <div class="aui-fk-list-bd">
                        实付款: <em>￥199.20</em>
                    </div>
                </div>

                <div class="aui-fk-list">
                    <div class="aui-fk-list-hd">
                        <div>下单时间:2018-09-22 18:20:22</div>
                    </div>
                </div>
            </section>
            <footer class="aui-footer aui-footer-fixed">
                <a href="javascript:;" class="aui-tabBar-item aui-tabBar-item-active">
                    <span class="aui-tabBar-item-text">删除订单</span>
                </a>
                <a href="javascript:;" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-text">申请售后</span>
                </a>
                <a href="javascript:;" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-text">再次购买</span>
                </a>
                <a href="javascript:;" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-text">评价晒单</span>
                </a>
            </footer>
        </section>
        <script type="text/javascript">

            $(function view_details_click() {
                $("#aui-show-btn").bind('click', function() {
                    if ($(".aui-show-box").is(":hidden")) {
                        $(".aui-show-box").show();
                        $(this).find("#aui-show-open").text(" 收起");
                        $(this).find(".fa").removeClass("fa-angle-right").addClass("fa-angle-down");
                    } else {
                        $(".aui-show-box").hide();
                        $(this).find("#aui-show-open").text(" 展开完整信息");
                        $(this).find(".fa").removeClass("fa-angle-down").addClass("fa-angle-right");
                    }
                });

            });
        </script>
    </body>
</html>
